<template>
    <div class="container">
        <home-head></home-head>
        <div class="home_content">
            <img src="../../../images/home_book.png">
            <p>添加我喜爱的小说</p>
            <span class="home_add">
                <span class="home_add_font">+ 添加</span>
            </span>
        </div>
        <foot-guide></foot-guide>
    </div>
</template>

<script>
    import headTop from '../../../components/header/head'
    import homeHead from '../../../components/header/homeHead.vue'
    import footGuide from '../../../components/footer/footGuide.vue'
    export default {
        data(){
            return {

            }
        },
        components:{
            headTop,
            footGuide,
            homeHead
        },
        methods:{
            //低价图标刷新页面
            reload(){
                window.location.reload();
            }
        }

    }
</script>

<style lang="scss" scoped>
    @import "../../../assets/styles/mixin";
    @import "../../../assets/fonts/inconset.css";
    .home_content{
        display: flex;
    }
    img{
        top: 29%;
        @include wh(4.8rem,4rem);
        @include cl;
    }
    p {
        top:50%;
        @include cl;
        @include sc(18px,#30a105);
    }
    .home_add{
        top: 60%;
        @include wh(8rem,1.9rem);
        @include cl;
        background-color: #059436;
    }
    .home_add_font{
        @include sc(15px,#fff)
        @include center;
    }
</style>
